﻿html, body { height: 100%; width: 100%; overflow: hidden; }
html { font-size: 100px; }
html{font-size:calc(100/750*100vw);}

body { font-size: 0.32rem; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, button, a, menu { padding: 0; margin: 0; list-style: none; font-family: '微软雅黑',Arial,Helvetica,sans-serif; text-indent: 0px; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; user-select: none; word-break: break-all; word-wrap: break-word; }
i, b { font-weight: normal; font-style: normal; }
h1, h2, h3, h4, h5, h6, th, strong { font-size: 100%; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
cite, em { font-style: no rmal; }
img, button { border: 0px none; }
a { text-decoration: none; cursor: pointer; }
button { cursor: pointer; background: none; vertical-align: middle; overflow: visible; }
input, button, select, textarea { outline: none; border-radius: 0.03rem; vertical-align: middle; }
textarea { resize: none; }
td.top, RssORM.top td { vertical-align: top; }

input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; }
select { -moz-appearance: textfield; -webkit-appearance: textfield; }

.load { background: url(../img/ajax.gif) no-repeat center 0.2rem; }
.iscroll { position: relative; overflow: hidden; }

section { background: white; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; display: none; }
section.footer { z-index: 2; }
section > header { width: 100%; background: black; height: 0.96rem; overflow: hidden; }
section > header h1 { color: #fff; text-align: center; line-height: 0.96rem; font-size: 1.2em; margin-left: 0.96rem; margin-right: 0.96rem; }

section > header a { position: absolute; top: 0; color: #333; width: 0.96rem; height: 0.96rem; line-height: 0.96rem; font-size: 1.20em; text-align: center; }
section > header .left { left: 0; background: url(../img/history.png) no-repeat center center; background-size: 0.21rem 0.32rem; }
section > header .right { right: 0; width: 1.2rem; }
section > header.icon img { width: 0.5rem; height: 0.5rem; line-height: normal; margin: 0.25rem; overflow: hidden; }
.hisback { }

article { position: absolute; top: 0rem; bottom: 0.99rem; left: 0; right: 0; overflow:auto;}
article::-webkit-scrollbar{width:0;height:0}
article table { width: 100%; }

footer { display: -webkit-box; display: -webkit-flex; display: flex; height: 0.99rem; border-top: solid 1px #b4b4b4; position: fixed; bottom: 0px; width: 100%; background: #f7f7f7; overflow: hidden; background-color: white; z-index: 1; }
footer > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; background: white; line-height: 0.44rem; font-size: 0.22rem; color: #757575; }
footer.icon > a { margin-top: 0.1rem; padding-top: 0.42rem; background-position: center top; background-size: 0.5rem; background-image: url(../img/menu/1.png); background-repeat: no-repeat; }
footer > a:nth-child(2) { background-image: url(../img/menu/2.png); }
footer > a:nth-child(3) { background-image: url(../img/menu/5.png); }
footer > a:nth-child(4) { background-image: url(../img/menu/3.png); }
footer > a:nth-child(5) { background-image: url(../img/menu/4.png); }

footer > a.active { color: #8fc31f; }
footer > a:nth-child(1).active { background-image: url(../img/menu/1s.png); }
footer > a:nth-child(2).active { background-image: url(../img/menu/2s.png); }
footer > a:nth-child(3).active { background-image: url(../img/menu/5s.png); }
footer > a:nth-child(4).active { background-image: url(../img/menu/3s.png); }
footer > a:nth-child(5).active { background-image: url(../img/menu/4s.png); }


footer > ul { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }
footer > ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center; color: black; line-height: 0.96rem; }
footer > ul li.active, footer ul li a.active { background: #0f9e2c; }

footer.tabbar { display: block; background: #f5f5f5; }
footer.tabbar li { color: #333; border-left: solid 1px #b4b4b4; }
footer.tabbar li:first-child { border: none; }
footer.tabbar li:checked { background: white; }

section.noheader article { top: 0; }
section.nofooter { z-index: 2; }
section.nofooter article { bottom: 0; }

/*多列样式*/
.item { border: 1px solid #dedfe0; border-left: none; border-right: none; }
.item li { border-bottom: 1px solid #dedfe0; padding: 0.2rem 0; min-height: 0.16rem; }
.item.pos20 li { padding-left: 0.2rem; }
.item li:last-child { border: none; }
.item li > a { color: gray; }
.item.black li > a { color: black; }
.item.arrowr li > a, .item li > a.arrowr { background: url(../img/icon/arrowr.gif) no-repeat right center; margin-right: 0.2rem; display: block; }
.item li > a.noarrowr { background: none; }
.item.icon li > a img { vertical-align: middle; padding-right: 0.05rem; }
.item.pos15 li label { margin-left: 0.15rem; }

.flex li { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex li > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.flex li > label { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; width: 0.6rem; flex: 0 0 0.6rem; }
.flex.icon li > label { text-align: center; }
.flex.icon.radius li > label img { border-radius: 50%; }
.flex.icon li > label img { vertical-align: middle; width: 0.32rem; }
.flex.right li > label + a { text-align: right; margin-right: 0.2rem; }
.flex.right li > label + a.arrowr, .flex.right.arrowr li > label + a { padding-right: 0.3rem; }

/*标签*/
menu { display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: solid 1px #b4b4b4; width: 100%; background: #f7f7f7; overflow: hidden; background-color: white; }
menu > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; background: white; line-height: 0.73rem; font-size: 0.24rem; color: #757575; border-left: solid 1px #b4b4b4; }
menu > a:first-child { border: none; }

section > menu { position: absolute; top: 0.97rem; }
menu + article { top: 1.7rem; }


/*对话框*/
.dialogbox { width: 6rem; border: solid 1px gray; border-radius: 5px; position: fixed; left: 50%; margin-left: -3rem; top: 50%; margin-top: -2rem; background: white; display: none; z-index: 11; }
.dialogbox > header { border-bottom: solid 1px gray; padding: 0 0.1rem; height: 0.75rem; line-height: 0.75rem; }
.dialogbox > header span { position: absolute; right: 0.1rem; top: 0.1rem; width: 0.4rem; height: 0.4rem; cursor: pointer; line-height: 0.4rem; border: solid 1px gray; border-radius: 50%; color: gray; text-align: center; overflow: hidden; }

.dialogbox > content { margin: 0.1rem; margin-right: 0; overflow: hidden; overflow-y: scroll; display: block; }

.dialogbox > div { height: 0.75rem; line-height: 0.68rem; text-align: center; border-top: solid 1px gray; }
.dialogbox > div > button { background-color: cadetblue; color: white; border-radius: 5px; padding: 4px 8px; font-weight: bold; }

/*滑动条*/
.slider { width: 2rem; height: 5px; position: relative; }
.slider > div { width: 100%; height: 0.15rem; border: solid 1px gray; border-radius: 5px; }
.slider > span { position: absolute; font-size: 0.22rem; padding: 0.03rem 0.01rem; text-align: center; min-height: 0.4rem; min-width: 0.4rem; border-radius: 3px; top: 50%; margin-top: -0.2rem; background: gray; color: white; line-height: 0.4rem; }

/*选择图片上传列表*/
.photolist { text-align: left; }
.photolist li { display: inline-block; vertical-align: middle; width: 2.24rem; height: 2.24rem; line-height: 2.24rem; overflow: hidden; position: relative; margin: 0.06rem; border-radius: 3px; border: solid 1px #efefef; }
.photolist li.nobor { border: none; }
.photolist li input + label { position: absolute; right: 0.12rem; top: 0.12rem; height: 0.28rem; width: 0.28rem; border-radius: 50%; overflow: hidden; border: solid 1px #f6b249; }
.photolist li img { width: 100%; vertical-align: middle; }
.photolist li input { display: none; }
.photolist li input:checked + label { background: url(../img/seled.png) no-repeat center center; background-size: 0.21rem; }

.pageslide { transition: left linear 0.5s; left: 0; display: block; z-index: 1; }

/*滑动*/
.slideselect { width: 6.7rem; background: #f4f4f4; overflow: hidden; position: fixed; top: 2.7rem; left: 50%; margin-left: -3.35rem; z-index: 3; display: none; }
.slideselect p { border-bottom: solid 0.04rem #69c4ed; height: 0.6rem; font-size: 0.32rem; padding-top: 0.26rem; padding-left: 0.2rem; }
.slideselect button { color: #faab34; font-size: 0.32rem; float: right; margin-right: 0.32rem; margin-top: -0.06rem; }
.slideselect table, .slideselect div { height: 5rem; overflow: hidden; position: relative; }
.slideselect div ul { width: 1.34rem; margin: 0 auto; }
.slideselect div li, .selectmask li { line-height: 0.99rem; height: 0.99rem; text-align: center; text-align: center; border-bottom: solid 1px #69c4ed; }
.selectmask { position: absolute; top: 0; left: 50%; bottom: 0; margin-left: -0.67rem !important; }
.selectmask li { border: none !important; background: #f4f4f4; opacity: 0; }
.selectmask li:nth-child(1), .selectmask li:nth-child(5) { border: none; opacity: 0.6; }
.selectmask li:nth-child(2), .selectmask li:nth-child(4) { border: none; opacity: 0.3; }

.slideselect div { padding: 0 0.40rem; padding-right: 0.35rem; }
.slideselect .selectmask { left: 0.4rem; margin-left: 0 !important; }
.slideselect table div ul { width: 1.2rem; }
.slideselect table div#selectyear ul { width: 1.8rem; }

/*遮罩层*/
#masklayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: black; opacity: 0.5; display: none; }
/*加载等待框*/
.loadbox { padding: 0.2rem; padding-left: 1.04rem; position: fixed; top: 50%; left: 50%; margin-left: -0.52rem; margin-top: -0.42rem; background: rgba(0, 0, 0, 0.9) url(../img/sys/loadbox.gif) no-repeat 0.2rem 0.2rem;; background-size: 0.64rem; border-radius: 7px; display: none; z-index: 11; line-height: 0.64rem; }
.loadbox span { color: white; font-size: 0.24rem; }